
main {
    overflow: scroll;
}

#banner {
    width: 100%;
    height: 150px;
    img{
        width: 100%;
        height: 150px;
    }
}

.hppadding {
    padding-left: 15px;
    padding-right: 15px;
}

.row-container {
    /* 行容器 */
    height: 140px;


    p {
        margin-left: 10px;
        margin-top: 10px;
    }

    #rankCount {
        top: 26px;
        right: 10px;
    }

    #checkBtn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        bottom: 20px;
        right: 10px;
        border: 2px solid #004E73;
        background-color: transparent;
    }
}

.row-card-ranking {
    /* 今日排名 */
    flex: 2;
    background-image: url(../img/index-card-rank.png);
    background-size: 72%;
    background-repeat: no-repeat;
    background-position: 5px 40px;
    background-color: #54AFD9;

}

.row-card-sum {
    /* 累积打卡 */
    flex: 3;
    background-color: #9ED9F7;
    background-image: url(../img/index-card-sum.png);
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 5px 40px;

}

.row_middle {
    height: 100px;

    // 运动数据
    .row_data {
        background-image: url(../img/index-card-data.png);
        flex: 1;
    }

    // 运动徽章
    .row_badge {
        flex: 1;
        background-image: url(../img/index-card-badge.png);
        background-repeat: no-repeat;
        background-position: 5px 20px;
        background-size: 50%;
        background-color: #9DBDE3;

        div {
            top: 20px;
            right: 10px;
        }

    }
}

// 课程训练
.tranining {
    height: 110px;
    background-image: url(../img/course-img04.jpg);

    // background-position: t;
    p {
        padding-top: 10px;
    }
}

// 户外跑步
.outrunning {
    height: 110px;
    background-image: url(../img/index-card-run.png);

    p {
        padding-top: 10px;
    }

}


